<template>
  <div>
    <div v-if="value.fixed">
      <el-time-select :size="value.size" v-model="data" :picker-options="{
          start: value.start,
          step: value.step,
          end: value.end
        }" :placeholder="value.placeholder">
      </el-time-select>
    </div>
    <div v-if="!value.fixed">
      <el-time-picker :size="value.size" :disabled="value.disabled" :is-range="value.range" v-model="data" :range-separator="value.separator" :start-placeholder="value.startPlaceholder" :end-placeholder="value.endPlaceholder" :placeholder="value.placeholder">
      </el-time-picker>
    </div>
  </div>
</template>
<script type="text/javascript">
export default {
  props: {
    value: [Object, Array],
  },
  data() {
    return {
      data: ""
    }
  }
}

</script>
<style type="css/text" lang="scss">
</style>
